<template>
   <screenAdaptive class="mobileSA" :adaptiveType="'scroll'" :width="500" :component="component" :loading="loading"> </screenAdaptive>
</template>
<script>
import pumpStation from './mobileA'
export default {
  mixins: [],
  data() {
    return {
      loading:true,
      component:pumpStation
    };
  },
  components: {
  },
  computed: {
   tipState(){
    return this.$vuex.state.globalConfig.tip
   }
  },
  methods: {
  },
  mounted() {
    const {tipState,$notify}=this
    A("tis","screenMobileA",()=>{
      this.loading=false
    },1000)

    if(tipState&&this.$vuex.state.deviceType=="pc"){
      A("tis","notify1",()=>{
        $notify({
          title: '请使用移动端访问',
          message: '本页面专为移动端打造，请使用手机访问，或把浏览器宽度缩小模拟手机屏幕比例。',
          duration: 0
        });
      },3000)
    }
    
  },
  beforeDestroy() {
    const {$notify}=this
    $notify.closeAll()
    A("tic","notify1")
  },
};
</script> 
<style lang="less">
.mobileSA{::-webkit-scrollbar{width:2px; height:2px;}}
</style>